<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org/" class="fb-ui" fb-ui="context" fb-context="context">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head >
    <title>上海公法网</title>
<!--    <link th:href="@{/resources/static/css/search.css}" rel="stylesheet"/>-->
<!--    <link th:href="@{/resource/static/css/law/common.css}" rel="stylesheet"/>-->
    <link rel="stylesheet" type="text/css" href="css/search.css" th:href="@{/css/search.css}"/>
    <link rel="stylesheet" type="text/css" href="css/law/common.css" th:href="@{/css/law/common.css}"/>

</head>

<body >
<wrapper>
    <!-- 头部 -->
<!--    <div th:include="fragments/header"></div>-->

    <!-- 导航 -->


    <div id="search-page">
        <!------ /返回结束 ------>
        <!------ 主体内容开始 ------>
        <div class="wbg">
            <div class="search-body">
                <!------ 返回开始 ------>
                <div class="back">
                    <a href="/" target="_blank">首页</a> <a href="/SocialHome" target="_blank">公众服务首页</a> &gt;
                    <span>案例检索</span>
                </div>
                <!--各地案例动态开始-->
                <!--各地案例动态结束-->
                <div class="clearfix">
                    <div class="sidebar">
                        <div class="wbor" style="display: none">
                            <h4>检索导航-案例类型</h4>
                            <ul id="treeDemo" class="tree">
                                <h5><a id="btnDbtypeClearAll" href="javascript:void(0);">清除</a>
                                    <a id="btnDbtypeSelectAll" href="javascript:void(0);">全选</a>
                                </h5>

                                <div id="treeboxbox_tree2" class="ztree">
                                    <li id="treeboxbox_tree2_1" class="level0" tabindex="0" hidefocus="true"
                                        treenode="">
											<span id="treeboxbox_tree2_1_switch" title=""
                                                  class="button level0 switch roots_close" treenode_switch=""> </span>
                                        <span id="treeboxbox_tree2_1_check" class="button chk checkbox_false_full"
                                              treenode_check=""></span>
                                        <a id="treeboxbox_tree2_1_a" class="level0" treenode_a="" onclick=""
                                           target="_blank" style="" title="人民调解工作">
												<span id="treeboxbox_tree2_1_ico" title="" treenode_ico=""
                                                      class="button ico_close" style="width:0px;height:0px;"></span>
                                            <span id="treeboxbox_tree2_1_span" class="node_name">人民调解工作</span>
                                        </a>
                                        <ul id="treeboxbox_tree2_1_ul" class="level0 line" style="display: none;">
                                            <li id="treeboxbox_tree2_2" class="level1" tabindex="0" hidefocus="true"
                                                treenode="">
													<span id="treeboxbox_tree2_2_switch" title=""
                                                          class="button level1 switch center_docu"
                                                          treenode_switch=""></span><span id="treeboxbox_tree2_2_check"
                                                                                          class="button chk checkbox_false_full"
                                                                                          treenode_check=""></span><a
                                                    id="treeboxbox_tree2_2_a"
                                                    class="level1" treenode_a="" onclick="" target="_blank" style=""
                                                    title="行业性、专业性人民调解案例"><span id="treeboxbox_tree2_2_ico" title=""
                                                                                treenode_ico="" class="button ico_docu"
                                                                                style="width:0px;height:0px;"></span><span
                                                    id="treeboxbox_tree2_2_span"
                                                    class="node_name">行业性、专业性人民调解案例</span></a>
                                            </li>
                                            <li id="treeboxbox_tree2_3" class="level1" tabindex="0" hidefocus="true"
                                                treenode="">
													<span id="treeboxbox_tree2_3_switch" title=""
                                                          class="button level1 switch bottom_docu"
                                                          treenode_switch=""></span><span id="treeboxbox_tree2_3_check"
                                                                                          class="button chk checkbox_false_full"
                                                                                          treenode_check=""></span><a
                                                    id="treeboxbox_tree2_3_a"
                                                    class="level1" treenode_a="" onclick="" target="_blank" style=""
                                                    title="其他人民调解案例"><span id="treeboxbox_tree2_3_ico" title=""
                                                                           treenode_ico="" class="button ico_docu"
                                                                           style="width:0px;height:0px;"></span><span
                                                    id="treeboxbox_tree2_3_span"
                                                    class="node_name">其他人民调解案例</span></a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li id="treeboxbox_tree2_4" class="level0" tabindex="0" hidefocus="true"
                                        treenode=""><span id="treeboxbox_tree2_4_switch" title=""
                                                          class="button level0 switch center_close"
                                                          treenode_switch=""></span><span id="treeboxbox_tree2_4_check"
                                                                                          class="button chk checkbox_false_full"
                                                                                          treenode_check=""></span><a
                                            id="treeboxbox_tree2_4_a" class="level0" treenode_a="" onclick=""
                                            target="_blank" style="" title="法律援助工作"><span
                                            id="treeboxbox_tree2_4_ico" title="" treenode_ico=""
                                            class="button ico_close" style="width:0px;height:0px;"></span><span
                                            id="treeboxbox_tree2_4_span" class="node_name">法律援助工作</span></a>
                                    </li>
                                    <li id="treeboxbox_tree2_7" class="level0" tabindex="0" hidefocus="true"
                                        treenode=""><span id="treeboxbox_tree2_7_switch" title=""
                                                          class="button level0 switch center_close"
                                                          treenode_switch=""></span><span id="treeboxbox_tree2_7_check"
                                                                                          class="button chk checkbox_false_full"
                                                                                          treenode_check=""></span><a
                                            id="treeboxbox_tree2_7_a" class="level0" treenode_a="" onclick=""
                                            target="_blank" style="" title="公证工作"><span id="treeboxbox_tree2_7_ico"
                                                                                        title="" treenode_ico=""
                                                                                        class="button ico_close"
                                                                                        style="width:0px;height:0px;"></span><span
                                            id="treeboxbox_tree2_7_span" class="node_name">公证工作</span></a></li>
                                    <li id="treeboxbox_tree2_10" class="level0" tabindex="0" hidefocus="true"
                                        treenode=""><span id="treeboxbox_tree2_10_switch" title=""
                                                          class="button level0 switch center_close"
                                                          treenode_switch=""></span><span id="treeboxbox_tree2_10_check"
                                                                                          class="button chk checkbox_false_full"
                                                                                          treenode_check=""></span><a
                                            id="treeboxbox_tree2_10_a" class="level0" treenode_a="" onclick=""
                                            target="_blank" style="" title="司法鉴定工作"><span
                                            id="treeboxbox_tree2_10_ico" title="" treenode_ico=""
                                            class="button ico_close" style="width:0px;height:0px;"></span><span
                                            id="treeboxbox_tree2_10_span" class="node_name">司法鉴定工作</span></a>
                                    </li>
                                    <li id="treeboxbox_tree2_14" class="level0" tabindex="0" hidefocus="true"
                                        treenode=""><span id="treeboxbox_tree2_14_switch" title=""
                                                          class="button level0 switch center_close"
                                                          treenode_switch=""></span><span id="treeboxbox_tree2_14_check"
                                                                                          class="button chk checkbox_false_full"
                                                                                          treenode_check=""></span><a
                                            id="treeboxbox_tree2_14_a" class="level0" treenode_a="" onclick=""
                                            target="_blank" style="" title="社区矫正工作"><span
                                            id="treeboxbox_tree2_14_ico" title="" treenode_ico=""
                                            class="button ico_close" style="width:0px;height:0px;"></span><span
                                            id="treeboxbox_tree2_14_span" class="node_name">社区矫正工作</span></a>
                                    </li>
                                    <li id="treeboxbox_tree2_24" class="level0" tabindex="0" hidefocus="true"
                                        treenode=""><span id="treeboxbox_tree2_24_switch" title=""
                                                          class="button level0 switch center_close"
                                                          treenode_switch=""></span><span id="treeboxbox_tree2_24_check"
                                                                                          class="button chk checkbox_false_full"
                                                                                          treenode_check=""></span><a
                                            id="treeboxbox_tree2_24_a" class="level0" treenode_a="" onclick=""
                                            target="_blank" style="" title="律师工作"><span id="treeboxbox_tree2_24_ico"
                                                                                        title="" treenode_ico=""
                                                                                        class="button ico_close"
                                                                                        style="width:0px;height:0px;"></span><span
                                            id="treeboxbox_tree2_24_span" class="node_name">律师工作</span></a></li>
                                    <li id="treeboxbox_tree2_29" class="level0" tabindex="0" hidefocus="true"
                                        treenode=""><span id="treeboxbox_tree2_29_switch" title=""
                                                          class="button level0 switch center_close"
                                                          treenode_switch=""></span><span id="treeboxbox_tree2_29_check"
                                                                                          class="button chk checkbox_false_full"
                                                                                          treenode_check=""></span><a
                                            id="treeboxbox_tree2_29_a" class="level0" treenode_a="" onclick=""
                                            target="_blank" style="" title="戒毒工作"><span id="treeboxbox_tree2_29_ico"
                                                                                        title="" treenode_ico=""
                                                                                        class="button ico_close"
                                                                                        style="width:0px;height:0px;"></span><span
                                            id="treeboxbox_tree2_29_span" class="node_name">戒毒工作</span></a></li>
                                    <li id="treeboxbox_tree2_35" class="level0" tabindex="0" hidefocus="true"
                                        treenode=""><span id="treeboxbox_tree2_35_switch" title=""
                                                          class="button level0 switch center_close"
                                                          treenode_switch=""></span><span id="treeboxbox_tree2_35_check"
                                                                                          class="button chk checkbox_false_full"
                                                                                          treenode_check=""></span><a
                                            id="treeboxbox_tree2_35_a" class="level0" treenode_a="" onclick=""
                                            target="_blank" style="" title="监狱工作"><span id="treeboxbox_tree2_35_ico"
                                                                                        title="" treenode_ico=""
                                                                                        class="button ico_close"
                                                                                        style="width:0px;height:0px;"></span><span
                                            id="treeboxbox_tree2_35_span" class="node_name">监狱工作</span></a></li>
                                    <li id="treeboxbox_tree2_40" class="level0" tabindex="0" hidefocus="true"
                                        treenode=""><span id="treeboxbox_tree2_40_switch" title=""
                                                          class="button level0 switch center_close"
                                                          treenode_switch=""></span><span id="treeboxbox_tree2_40_check"
                                                                                          class="button chk checkbox_false_full"
                                                                                          treenode_check=""></span><a
                                            id="treeboxbox_tree2_40_a" class="level0" treenode_a="" onclick=""
                                            target="_blank" style="" title="法制工作"><span id="treeboxbox_tree2_40_ico"
                                                                                        title="" treenode_ico=""
                                                                                        class="button ico_close"
                                                                                        style="width:0px;height:0px;"></span><span
                                            id="treeboxbox_tree2_40_span" class="node_name">法制工作</span></a></li>
                                    <li id="treeboxbox_tree2_45" class="level0" tabindex="0" hidefocus="true"
                                        treenode=""><span id="treeboxbox_tree2_45_switch" title=""
                                                          class="button level0 switch center_close"
                                                          treenode_switch=""></span><span id="treeboxbox_tree2_45_check"
                                                                                          class="button chk checkbox_false_full"
                                                                                          treenode_check=""></span><a
                                            id="treeboxbox_tree2_45_a" class="level0" treenode_a="" onclick=""
                                            target="_blank" style="" title="法治宣传教育工作"><span
                                            id="treeboxbox_tree2_45_ico" title="" treenode_ico=""
                                            class="button ico_close" style="width:0px;height:0px;"></span><span
                                            id="treeboxbox_tree2_45_span" class="node_name">法治宣传教育工作</span></a>
                                    </li>
                                    <li id="treeboxbox_tree2_49" class="level0" tabindex="0" hidefocus="true"
                                        treenode=""><span id="treeboxbox_tree2_49_switch" title=""
                                                          class="button level0 switch center_close"
                                                          treenode_switch=""></span><span id="treeboxbox_tree2_49_check"
                                                                                          class="button chk checkbox_false_full"
                                                                                          treenode_check=""></span><a
                                            id="treeboxbox_tree2_49_a" class="level0" treenode_a="" onclick=""
                                            target="_blank" style="" title="司法考试工作"><span
                                            id="treeboxbox_tree2_49_ico" title="" treenode_ico=""
                                            class="button ico_close" style="width:0px;height:0px;"></span><span
                                            id="treeboxbox_tree2_49_span" class="node_name">司法考试工作</span></a>
                                    </li>
                                    <li id="treeboxbox_tree2_52" class="level0" tabindex="0" hidefocus="true"
                                        treenode=""><span id="treeboxbox_tree2_52_switch" title=""
                                                          class="button level0 switch bottom_close"
                                                          treenode_switch=""></span><span id="treeboxbox_tree2_52_check"
                                                                                          class="button chk checkbox_false_full"
                                                                                          treenode_check=""></span><a
                                            id="treeboxbox_tree2_52_a" class="level0" treenode_a="" onclick=""
                                            target="_blank" style="" title="仲裁案例"><span id="treeboxbox_tree2_52_ico"
                                                                                        title="" treenode_ico=""
                                                                                        class="button ico_close"
                                                                                        style="width:0px;height:0px;"></span><span
                                            id="treeboxbox_tree2_52_span" class="node_name">仲裁案例</span></a></li>
                                </div>
                                </li>
                            </ul>
                            <div class="clear"></div>
                        </div>
                        <!--案例类型导航-->

                        <div class="sdbox01">
                            <h4><span class="sdtit03">案例热点统计</span></h4>
                            <ul>
                                <li v-for="item in hotCaseCensus">
                                    <a class="hotwordsbtn" href="javascript:void(0)" @click="searchRange(item.type,3)">{{item.type}}</a>
                                    <span>{{item.num}}</span>
                                </li>

                                <li><a href="/CaseReport/SearchingKeyWordsReport" target="_blank">更多</a></li>
                            </ul>
                        </div>
                        <!--关键词导航-->

                        <style type="text/css">
                            .timeActive {
                                color: #ff0000 !important
                            }
                        </style>
                        <div class="sdbox01" style="margin-bottom:0px;">
                            <h4><span class="sdtit04">案件时间</span></h4>
                            <ul>
                                <li><a class="casetimebtn timeActive"
                                       href="javascript:void(0);">全部</a><span>{{yearDataToTal}}</span></li>
                                <li v-for="item in timeData">
                                    <a class="casetimebtn timeActive" href="javascript:void(0)" @click="searchRange(item.year,1)">{{item.year}}</a>
                                    <span>{{item.num}}</span>
                                </li>
                                <li><a href="" target="_blank">更多</a></li>

                            </ul>
                        </div>

                        <div class="sdbox01" style="margin-bottom:0px; display: none">
                            <h4><span class="sdtit04">案件地区</span></h4>
                            <ul>
                                <li><a class="casetimebtn timeActive"
                                       href="javascript:void(0);">全部</a><span>{{areaDataToTal}}</span></li>

                                <li v-for="item in cityData">
                                    <a class="casetimebtn timeActive" href="javascript:void(0)" >{{item.city}}</a><span>{{item.num}}</span>
                                </li>
                                <li><a href="" target="_blank">更多</a></li>

                            </ul>
                        </div>

                        <!--案例时间导航-->
                    </div>
                    <!--主题内容开始-->
                    <div class="content">
                        <!--地域开始-->
                        <div class="myCity" style="height: 170px">
                            <h4>
                                区域统计
                                <a class="allChina" href="javascript:void(0);">全上海</a>
                            </h4>
                            <ul>
                                <li>
                                <span v-for="item in cityData">
                                <a class="prov" href="javascript:void(0);" data-pcode="340000" @click="searchRange(item.city,2)">{{item.city}}</a></span>
                                </li>
                            </ul>
                        </div>

                        <!--"uploadDeptName": "奉贤区司法局",开始-->
                        <div class="myCity" style="height: 170px">
                            <h4>
                                机构统计
                                <a class="allChina" href="javascript:void(0);"></a>
                            </h4>
                            <ul>
                                <li>
                                <span v-for="item in mechanismData">
                                <a style="white-space: nowrap; " class="prov" href="javascript:void(0);" data-pcode="340000" @click="searchRange(item.mechanism,4)">{{item.mechanism}}</a></span>
                                </li>
                            </ul>
                        </div>

                        <!--案例地域导航-->
                        <div class="myCity" style="text-align: center">
                            <h4>
                                案例搜索
                                <a href="javascript:void(0);"></a>
                            </h4>
                        </div>

                        <div class="search-box">

                            <ul >
                                <li><a href="javascript:void(0)"  :class="[isCoreSearch ? '' : 'shbtnOn']"  @click="SearchType(false)"><span>快速检索</span></a></li>
                                <li><a href="javascript:void(0)"  :class="[isCoreSearch ? 'shbtnOn' : '']"   @click="SearchType(true)">高级检索</a></li>
                            </ul>
                            <div v-if="!isCoreSearch"  class="clearfix">
                                <form id="formSearch">
                                    <select v-model="type" id="searchField" class="sf_inputsh01">
                                        <option v-for="item in options" :value="item.id">{{item.name}}</option>
                                    </select>

                                    <input class="sf_input" id="keywords" maxlength="50" name="keywords" type="text"
                                           v-model="keyword">

                                </form>
                                <input id="submitButton" value="检 索" type="button" class="js_button" @click="searchByKeyWord()">

                            </div>
                            <!--  高级查询-->
                            <div  v-if="isCoreSearch" class="zwboxtopin">
                                <form id="formSearch_">
                                    <table width="100%" border="0">
                                        <tbody>
                                        <tr   v-for="(item,index) in SubConditionValue" :key="index">
                                            <td style="width:2%"  v-show="index==0" width="2%" align="right"><a  @click="addCondition"><img src="http://alk.12348.gov.cn/images/page_sh01_1.png"></a></td>
                                            <td  style="width:8%" v-show="index== 0 "  width="8%" align="center"><a @click="delCondition"><img src="http://alk.12348.gov.cn/images/page_sh01_2.png"></a></td>

                                            <td   v-show="index!= 0 " colspan="2" align="center" valign="middle">
                                                <select v-model="item.type" id="SubConditionType1" name="SubConditionType1" class="sf_inputbq">
                                                    <option value="0">并且</option>
                                                    <option value="1">或者</option>
                                                </select>
                                            </td>

                                            <td  style="width:9%" valign="middle">

                                                <select v-model="item.key" id="SubConditionKey1" name="SubConditionKey1" class="sf_inputgj">
                                                    <option v-for="item in optionsCore" :value="item.id">{{item.name}}</option>
                                                </select>
                                            </td>
                                            <td style="width:12%" colspan="2" align="center" valign="middle">
                                                <input v-model="item.value" id="SubConditionValue1" name="SubConditionValue1" maxlength="50"  placeholder="输入检索词" type="text" value="" style="color: #666" class="w_inputgj">
                                            </td>
                                            <td  >
                                                <select v-model="item.accuracy" id="SubConditionQuery1" name="SubConditionQuery1" class="sf_inputgj">
                                                    <option value="0">模糊</option>
                                                    <option value="1">精确</option>
                                                </select>
                                            </td>
                                            <td v-show="index== 0 " colspan="2">
                                                <input class="buttonsh01" value="检索" type="button" id="coreSearch1"@click="coreSearch"></td>

                                        </tr>

                                        </tbody>
                                    </table>

                                </form>
                            </div>
                            <!--/高级查询-->
                            <div id="dbList" class="talkDiv talkW-674"
                                 style="top: 420px;background-color: #fff;display: none">
                                <div class="talkDiv-title">
                                    <a style="margin-top: -10px" class="icon icon-close" title="关闭"
                                       href="javascript:void(0);">x</a>
                                </div>
                                <div id="loadingimage"
                                     style="display: none; margin-top: 25px; margin-left: 300px; position: absolute">
                                </div>
                                <div class="talkDiv-body">
                                    <ul>
                                    </ul>
                                </div>
                                <div class="talkDiv-btn">
                                    <a href="javascript:void(0);"
                                       class="btn btn-m btn-submit btn-warn-f select-all">全选</a>
                                    　<a href="javascript:void(0);"
                                        class="btn btn-m btn-submit btn-prim-f cancel">取消</a>
                                </div>
                            </div>
                            <div class="hotseach">
                                <span style="float: left;">热门检索词：</span>
                                <span v-for="item in hotSearchWord">
                                <a class="hotwordsbtn" :title=item.word href="javascript:void(0);">{{item.word}}</a>
                            </span>
                            </div>
                            <!-- 搜索 -->
                        </div>

                        <!--地域结束-->
                        <!--分组浏览-->
                        <div class="grouptit">
                            <h4>
                                <span class="fl">分组浏览：</span>
                                <a title="关键词" href="javascript:void(0);" class="tabGroupSearch grouptiton"
                                   data-realfieldname="关键词">关键词</a>
                                <a title="报送单位" href="javascript:void(0);" class="tabGroupSearch "
                                   data-realfieldname="作者单位">报送单位</a>
                                <a title="案例类型" href="javascript:void(0);" class="tabGroupSearch "
                                   data-realfieldname="分类">案例类型</a>

                            </h4>

                            <div class="groupdate clearfix">
                                <div id="grouploadingimage" style="display: none;">
                                    <img src="/Images/loading.gif" width="10">
                                </div>
                                <ul id="groupContent">
                                    <li><a title="人民调解;医疗纠纷;天津市;医疗纠纷人民调解委员会;医疗损害;术后监护(5)" onclick="clickgroup(this)"
                                           data-words="人民调解;医疗纠纷;天津市;医疗纠纷人民调解委员会;医疗损害;术后监护">人民调解;医疗纠纷;天津市;医疗纠纷人民调解委员会;医疗损害;术后监护</a><span>(5)</span>
                                    </li>
                                    <li><a title="律师；行政处罚；违反收费规定；警告(4)" onclick="clickgroup(this)"
                                           data-words="律师；行政处罚；违反收费规定；警告">律师；行政处罚；违反收费规定；警告</a><span>(4)</span>
                                    </li>
                                    <li><a title="人民调解;医疗纠纷;重庆市江北区;医疗纠纷人民调解委员会;眼科手术(3)" onclick="clickgroup(this)"
                                           data-words="人民调解;医疗纠纷;重庆市江北区;医疗纠纷人民调解委员会;眼科手术">人民调解;医疗纠纷;重庆市江北区;医疗纠纷人民调解委员会;眼科手术</a><span>(3)</span>
                                    </li>
                                    <li><a title="人民调解;医疗纠纷;重庆市南川区;医疗纠纷人民调解委员会;司法确认(3)" onclick="clickgroup(this)"
                                           data-words="人民调解;医疗纠纷;重庆市南川区;医疗纠纷人民调解委员会;司法确认">人民调解;医疗纠纷;重庆市南川区;医疗纠纷人民调解委员会;司法确认</a><span>(3)</span>
                                    </li>
                                    <li><a title="法律援助;民事;诉讼;工伤保险待遇(3)" onclick="clickgroup(this)"
                                           data-words="法律援助;民事;诉讼;工伤保险待遇">法律援助;民事;诉讼;工伤保险待遇</a><span>(3)</span>
                                    </li>
                                    <li><a title="人民调解;医疗纠纷;重庆市北碚区;医疗纠纷人民调解委员会;川崎病(2)" onclick="clickgroup(this)"
                                           data-words="人民调解;医疗纠纷;重庆市北碚区;医疗纠纷人民调解委员会;川崎病">人民调解;医疗纠纷;重庆市北碚区;医疗纠纷人民调解委员会;川崎病</a><span>(2)</span>
                                    </li>
                                    <li><a title="法律援助范围;婚姻家庭纠纷;民事诉讼;不予法律援助(2)" onclick="clickgroup(this)"
                                           data-words="法律援助范围;婚姻家庭纠纷;民事诉讼;不予法律援助">法律援助范围;婚姻家庭纠纷;民事诉讼;不予法律援助</a><span>(2)</span>
                                    </li>
                                    <li><a title="监狱;暂予监外执行;案例(2)" onclick="clickgroup(this)"
                                           data-words="监狱;暂予监外执行;案例">监狱;暂予监外执行;案例</a><span>(2)</span></li>
                                    <li><a title="律师;行政处罚;违反收费规定;警告(2)" onclick="clickgroup(this)"
                                           data-words="律师;行政处罚;违反收费规定;警告">律师;行政处罚;违反收费规定;警告</a><span>(2)</span>
                                    </li>
                                    <li><a title="监狱;减刑;案例(2)" onclick="clickgroup(this)"
                                           data-words="监狱;减刑;案例">监狱;减刑;案例</a><span>(2)</span></li>
                                    <li><a title="监狱，暂予监外执行，保外就医，严重疾病(2)" onclick="clickgroup(this)"
                                           data-words="监狱，暂予监外执行，保外就医，严重疾病">监狱，暂予监外执行，保外就医，严重疾病</a><span>(2)</span>
                                    </li>
                                    <li><a title="律师;维权;执业权利;会见(2)" onclick="clickgroup(this)"
                                           data-words="律师;维权;执业权利;会见">律师;维权;执业权利;会见</a><span>(2)</span></li>
                                    <div class="clear"></div>
                                </ul>
                            </div>

                        </div>
                        <!--分组浏览结束-->
                        <div id="resultloadingimage"
                             style="margin-left: 350px; margin-top: 50px; position: absolute; display: none;">
                            <img src="/Images/loading.gif" width="50">
                        </div>
                        <div id="searchResultDiv">
                            <link href="/Content/iconfont.css" rel="stylesheet">
                            <link href="/Content/iconfont-ie.css" rel="stylesheet">
                            <div class="sorttit">
                                <div class="sorttitfl">
                                    <span class="sorttitfl01">排序：</span>

                                    <span style="background: #fd6e0f;color: #fff; height: 28px;line-height: 28px;display: block;  float: left;  padding: 0px 25px 0px 25px; border: 1px #d6d6d6 solid; margin-right: 5px;"
                                          onclick="sortClick('desc','发表时间')">上线时间</span>
                                    <span
                                            class="height: 28px;line-height: 28px;  display: block;float: left; padding: 0px 25px 0px 25px;  border: 1px #d6d6d6 solid; margin-right: 5px;">访问量</span>
                                </div>
                                <div class="" style="float: left; margin-left: 20px;">
                                    <span>共找到{{total}}条结果</span>
                                    <span style="margin-left: 10px">每页显示：</span>
                                    <span :class="[size==10 ? 'pageSize pageSizeCurrent' : 'pageSize']"
                                          @click="changePageSizeFun(10)">10</span>
                                    <span :class="[size==20 ? 'pageSize pageSizeCurrent' : 'pageSize']"
                                          @click="changePageSizeFun(20)">20</span>
                                    <span :class="[size==50 ? 'pageSize pageSizeCurrent' : 'pageSize']"
                                          @click="changePageSizeFun(50)">50</span>
                                </div>
                            </div>
                            <div class="sortlist">
                                <table width="100%" border="0">
                                    <thead>
                                    <tr class="sortlisttop">

                                        <td style="text-align: center">案例标题</td>
                                        <td style="text-align: center">所属栏目</td>
                                        <td style="text-align: center">案例发布时间</td>
                                        <td style="text-align: center">案例来源</td>
                                        <td style="text-align: center">作者</td>

                                    </tr>
                                    </thead>
                                    <tbody v-for="(item,index)  in tableData" :key="index">
                                    <tr>
                                        <td>
                                            <a v-html="item.highlightField" target="_blank"
                                               :href="'detail.html?id='+item.id+'&type='+item.type"
                                               style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-decoration: none;">
                                                {{item.highlightField}}
                                            </a>
                                        </td>
                                        <td>{{item.sourceAsString.columnId}}</td>
                                        <td style="text-align: center">{{item.sourceAsString.publishDate}}</td>
                                        <td class="tc">{{item.sourceAsString.source}}</td>
                                        <td style="text-align: center">{{item.sourceAsString.author}}</td>

                                    </tr>

                                    </tbody>
                                </table>

                            </div>
                            <Pagination :page-index="page" :total="total" :page-size="size" @change="pageChange">
                            </Pagination>
<!--                            <div name="pager" fb-ui="grid-pager"></div>-->


                        </div>

                    </div>
                    <!--/主题内容结束-->
                    <div class="clear"></div>
                </div>

            </div>

        </div>
        <!------ /主体内容结束 ------>
        <!--vue和axios-->
        <script type="text/javascript" src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>
        <script type="text/javascript" src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.js"></script>

        <script>
            Vue.component('Pagination', {
                template:`<ul class="mo-paging">
                <li :class="['paging-item', 'paging-item--first', {'paging-item--disabled' : index === 1}]" @click="first">首页
                </li>
                <li :class="['paging-item', 'paging-item--prev', {'paging-item--disabled' : index === 1}]" @click="prev">上一页
                </li>
               <li :class="['paging-item', 'paging-item--more']" v-if="showPrevMore">...</li>

                <li :class="['paging-item', {'paging-item--current' : index === pager}]" v-for="pager in pagers"
                @click="go(pager)">{{ pager }}</li>

               <li :class="['paging-item', 'paging-item--more']" v-if="showNextMore">...</li>

                <li :class="['paging-item', 'paging-item--next', {'paging-item--disabled' : index === pages}]" @click="next">
                下一页</li>

                <li :class="['paging-item', 'paging-item--last', {'paging-item--disabled' : index === pages}]" @click="last">
                尾页</li>
               </ul>`,

                // name: 'MoPaging',
                //通过props来接受从父组件传递过来的值
                props: {

                    //页面中的可见页码，其他的以...替代, 必须是奇数
                    perPages: {
                        type: Number,
                        default: 5
                    },

                    //当前页码
                    pageIndex: {
                        type: Number,
                        default: 1
                    },

                    //每页显示条数
                    pageSize: {
                        type: Number,
                        default: 10
                    },

                    //总记录数
                    total: {
                        type: Number,
                        default: 0
                    },

                },
                methods: {
                    prev() {
                        if (this.index > 1) {
                            this.go(this.index - 1)
                        }
                    },
                    next() {
                        if (this.index < this.pages) {
                            this.go(this.index + 1)
                        }
                    },
                    first() {
                        if (this.index !== 1) {
                            this.go(1)
                        }
                    },
                    last() {
                        if (this.index != this.pages) {
                            this.go(this.pages)
                        }
                    },
                    go(page) {
                        if (this.index !== page) {
                            this.index = page
                            //父组件通过change方法来接受当前的页码
                            this.$emit('change', this.index)
                        }
                    }
                },
                computed: {
                    //计算总页码
                    pages() {
                        return Math.ceil(this.size / this.limit)
                    },
                    //计算页码，当count等变化时自动计算
                    pagers() {
                        const array = []
                        const perPages = this.perPages
                        const pageCount = this.pages
                        let current = this.index
                        const _offset = (perPages - 1) / 2
                        const offset = {
                            start: current - _offset,
                            end: current + _offset
                        }

                        //-1, 3
                        if (offset.start < 1) {
                            offset.end = offset.end + (1 - offset.start)
                            offset.start = 1
                        }
                        if (offset.end > pageCount) {
                            offset.start = offset.start - (offset.end - pageCount)
                            offset.end = pageCount
                        }
                        if (offset.start < 1) offset.start = 1

                        this.showPrevMore = (offset.start > 1)
                        this.showNextMore = (offset.end < pageCount)

                        for (let i = offset.start; i <= offset.end; i++) {
                            array.push(i)
                        }

                        return array
                    }
                },
                data() {
                    return {
                        index: this.pageIndex, //当前页码
                        limit: this.pageSize, //每页显示条数
                        size: this.total || 1, //总记录数
                        showPrevMore: false,
                        showNextMore: false
                    }
                },
                watch: {
                    pageIndex(val) {
                        this.index = val || 1
                    },
                    pageSize(val) {
                        this.limit = val || 10
                    },
                    total(val) {
                        this.size = val || 1
                    }
                }


            })
            let searchPage = new Vue({
                el: '#search-page',
                data() {
                    return {
                        page: 1, //当前页码
                        size: 10,
                        total: '',
                        items : [],
                        tableData: [],
                        keyword: '',
                        sortOrder: 1,
                        sortBy: '',
                        searchFiled: '',
                        type: '',
                        isCoreSearch:false,
                        options: [{id: "1", name: "案例标题"}, {id: "2", name: "法网标题"}, {id: "3", name: "案例全文"}, {
                            id: "4",
                            name: "法网全文"
                        }],
                        optionsCore: [{id: "1", name: "案例标题"}, {id: "2", name: "案例全文"}, {id: "3", name: "案例区域"}, { id: "4", name: "案例年份"},
                            { id: "5", name: "上传机构"},{ id: "6", name: "案例热点"}],
                        hotSearchWord: [{word: "戒毒"}, {word: "案例"}, {word: "社区服刑人员"}, {word: "司法行政戒毒"}, {word: "监狱"}],
                        hotCaseCensus: [{num: "1121", type: "法律援助"}, {num: "1232", type: "社区服刑人员"}, {num: "1232",type: "社区服刑人员"},
                            {num: "1920", type: "公证"}, {num: "1232", type: "司法行政戒毒"},  ],
                        timeData: [{num: "1121", year: "2021"}, {num: "1232", year: "2020"}, {num: "1232", year: "2019"
                        },],
                        yearDataToTal: 0,
                        areaDataToTal:0,
                        cityData: [{code: "31000000000000000000000000000000", city: "上海市"},{code: "31010100000000000000000000000000", city: "黄埔区"}
                            ,{code: "31010300000000000000000000000000", city: "卢湾区"}
                            ,{code: "31010400000000000000000000000000", city: "徐汇区"}, {code: "31010500000000000000000000000000", city: "长宁区"}
                            , {code: "31010600000000000000000000000000", city: "静安区"},
                            {code: "31010700000000000000000000000000", city: "普陀区"}, {code: "31010900000000000000000000000000", city: "虹口区"}, {
                                code: "31011000000000000000000000000000",
                                city: "杨浦区"
                            }, {code: "31011200000000000000000000000000", city: "闵行区"},
                            {code: "31011300000000000000000000000000", city: "宝山区"}, {code: "31011400000000000000000000000000", city: "嘉定区"}, {
                                code: "31011500000000000000000000000000",
                                city: "浦东新区"
                            }, {code: "31011600000000000000000000000000", city: "金山区"},
                            {code: "31011700000000000000000000000000", city: "松江区"}, {code: "31011800000000000000000000000000", city: "青浦区"}, {
                                code: "31012000000000000000000000000000",
                                city: "奉贤区"
                            }, {code: "31015100000000000000000000000000", city: "崇明区"},
                        ],
                        mechanismData: [ {code: "fde8eb2d033a4f60bc162ba39c3ac1b1", mechanism: "奉贤区司法局"},
                        ],
                        year: '',
                        subNum:1,
                        SubConditionValue:[{type:"0",key:"1",value:"",accuracy:"0"}]
                    }
                },
                created() {
                    this.init()
                },
                // mounted() {
                //     //请求第一页数据
                //     this.getList()
                // },
                methods: {
                    //获取数据
                    init() {
                    //     //获取请求参数
                    //     if (this.GetQueryString("keyword") != null && this.GetQueryString("type") != null) {
                    //         this.keyword = this.GetQueryString("keyword")
                    //         this.type = this.GetQueryString("type")
                    //         this.sortBy = 'publishDate'
                    //     } else {
                            this.keyword = "上";
                            this.type = "1"
                            this.sortBy = 'publishDate'
                    //     }
                        // this.searchYear();
                        // this.searchArea();
                        // this.searchType();
                        // this.searchMechanism();
                        this.searchByKeyWord();
                    },

                    SearchType(b){
                        let self=this;
                        self.isCoreSearch=b;
                    },
                    searchByKeyWord() {
                        let self = this;
                        var reqDto={
                            "index": 1,
                            "keywords": '上',
                            "searchFiled": self.searchFiled,
                            "sortFiled": self.sortBy,
                            "sortOrder": self.sortOrder,
                            "page": self.page,
                            "size": self.size,
                        }
                        axios.post('/zs/search/searchByKeyword',
                                reqDto
                        ).then(function (res) {
                            console.log("返回结果>==>", res);
                            self.tableData = res.data.data.searchResultList;
                            // self.page = res.data.data.page;
                            self.size = res.data.data.size;
                            self.total = res.data.data.total;
                        }).catch(function (error) {
                            console.log(error);
                        });
                    },
                    addCondition(){
                        let self = this;
                        self.subNum++;
                        console.log("self.SubConditionValue.length",self.SubConditionValue.length);
                        console.log("self..subNum",self.subNum);
                        if (  self.SubConditionValue.length<self.subNum){
                            console.log("============","--------");
                            // for (let i = 0; i < self.optionsCore.length; i++) {
                            self.SubConditionValue.push({type:"0",key:self.optionsCore[self.SubConditionValue.length].id,value:"",accuracy:"0"}    )
                            // }

                        }
                        console.log("============",self.SubConditionValue);

                    },
                    delCondition(){
                        let self = this;
                        // self.SubConditionValue.length--;
                        self.SubConditionValue.pop()
                    },
                    coreSearch() {
                        let self = this;
                        console.log("============",self.SubConditionValue);

                        axios.post('/public/case/info/boolSearch',self.SubConditionValue
                        ).then(function (res) {
                            console.log("高级查询返回结果==>", res);
                            self.tableData = res.data.data;
                            self.page = res.data.data.page;
                            self.size = res.data.data.size;
                            self.total = res.data.data.total;
                        }).catch(function (error) {
                            console.log(error);
                        });

                    },
                    searchYear() {
                        let self = this;
                        console.log("年份分组============");
                        axios.get('/public/case/info/yearRangeQuery', {}).then(function (res) {
                            console.log("返回yearRangeQuery结果==>", res);
                            self.timeData = res.data.data.resList;
                            self.yearDataToTal = res.data.data.total;
                        }).catch(function (error) {
                            console.log(error);
                        });
                    },
                    searchArea() {
                        let self = this;
                        console.log("地域分组============");
                        axios.get('/public/case/info/areaRangeQuery', {}).then(function (res) {
                            console.log("返回areaRangeQuery结果==>", res);
                            self.cityData = res.data.data.resList;
                            self.areaDataToTal = res.data.data.total;
                        }).catch(function (error) {
                            console.log(error);
                        });
                    },
                    searchType() {
                        let self = this;
                        console.log("地域分组============");
                        axios.get('/public/case/info/typeRangeQuery', {}).then(function (res) {
                            console.log("返回typeRangeQuerye结果==>", res);
                            self.hotCaseCensus = res.data.data.resList;
                        }).catch(function (error) {
                            console.log(error);
                        });
                    },
                    searchMechanism(rangeString, type) {
                        let self = this;
                        console.log("地域分组============");
                        axios.get('/public/case/info/mechanismRangeQuery', {}).then(function (res) {
                            console.log("返回mechanismRangeQuery结果==>", res);
                            self.mechanismData = res.data.data.resList;
                        }).catch(function (error) {
                            console.log(error);
                        });
                    },
                    searchRange (rangeString, type) {
                        let self = this;
                        console.log("year==type", rangeString, type)
                        console.log(self.keyword);
                        axios.get('/public/case/info/searchRange', {
                            params: {
                                rangeString: rangeString,
                                rangeType: type
                            }
                        }).then(function (res) {
                            console.log("返回searchRangeQuery结果==>", res);
                            self.tableData = res.data.data.searchResultList;
                            self.page = res.data.data.page;
                            self.size = res.data.data.size;
                            self.total = res.data.data.total;
                        }).catch(function (error) {
                            console.log(error);
                        });
                    },
                    changePageSizeFun(size) {
                        this.size = size;
                        // this.searchByKeyWord();
                    },
                    //从page组件传递过来的当前page
                    pageChange(page) {
                        let self=this;
                        self.page = page;
                        self.searchByKeyWord();
                    },
                    sortClick(a, b) {
                        this.size = size;
                    },
                    GetQueryString(name) {
                        let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
                        let r = decodeURI(window.location.search).substr(1).match(reg);
                        if (r != null) return unescape(r[2]);
                        return null;
                    },
                }
            })
        </script>
    </div>
    <!-- 页尾 -->
    <div th:include="fragments/footer"></div>

</wrapper>
</body>
</html>
